<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      >
    <h:head>
    	<h:outputStylesheet library="css" name="table-style.css"  />
    	<h:outputScript library = "scripts" name ="basicscripts.js"/>
    </h:head>
 
    <h:body>
 		<h1 style="color: #709FB3;">#{translatorService.translate('pageName')}</h1>
 		<h:form>
            	<h:panelGrid columns="2">
	                <h:outputText value="#{translatorService.translate('username')}:"></h:outputText>
	                <h:inputText id="username" 
	                   value="#{loginController.username}">
	                   
	                </h:inputText>
	                <h:outputText value="#{translatorService.translate('password')}:"></h:outputText>
	                <h:inputSecret id="password" 
	                	value="#{loginController.password}"></h:inputSecret>
           	</h:panelGrid>
           	<p:spacer width="100%" height="10" />
           	<h:panelGrid columns="2">
	            <p:commandButton value="#{translatorService.translate('button.login')}" action="#{loginController.login}" ajax="false"/>
	            <p:commandButton value="#{translatorService.translate('button.reset')}" actionListener="#{loginController.reset}" update="username password"/>
            </h:panelGrid>
        </h:form>	
    </h:body>
 
</html>